﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
    <title>api</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/user.css" />
</head>
<body>
    <div id="wrap">
        <div id="main" class="user-wrapper">
			 <div class="user-info">
			 	<div class="user-info-avatar">
			 		<img id="user-avatar" src="../image/userTitle.png" />
			 	</div>
			 	
			 	<div class="user-info-desc">
			 		<div id="user-info-name" class="user-info-name">皮皮虾</div>
					<div class="user-info-detail">
						<span id="user-info-age" class="user-info-age">22岁</span>
						<span class="user-info-gender"><img class="icon-gender" src="../image/icon-girl.png" />女</span>
					</div>
			 	</div>
			 </div>   
			 
			 <div class="user-achievement">
			 	<span class="user-pk-result"><img src="../image/icon-ranking.png" />PK成绩</span>
			 	<span class="user-groups-honour"><img src="../image/icon-xunzhang.png" />跑团勋章</span>
			 </div>
			 
			 <div class="user-joining-activity">
			 	<div class="user-joining-activity-header">正在参加</div>
			 	
			 	<div class="joining-activity-item" onclick="openActivity()">
			 		<div class="join-activity-logo">
			 			<img  src="../image/checkin1.png" />
			 		</div>
			 		
			 		<div class="join-activity-info">
			 			<div class="join-activity-title">超级马拉松英雄队</div>
			 			<div class="join-activity-num">15人报名</div>
			 			<div class="join-activity-time">时间：2017/07/01 19：00</div>
			 			<div class="join-activity-address">地点：深圳北站</div>
			 		</div>
			 	</div>
			
			 </div>
			 
			 <div class="user-menu-area">
				 <div class="menu-list-item menu-list-item-border" onclick="openMyGroupsList()">
				 	<div class="menu-item-title">我的跑团</div>
				 	<div class="menu-item-tip">共加入3个跑团</div>
				 </div>
				 
				 <div class="menu-list-item menu-list-item-bottom">
				 	<div class="menu-item-title">活动历史</div>
				 	<div class="menu-item-tip">已发布43次活动</div>
				 </div>
				 
				 <div class="menu-list-item menu-list-item-bottom" onclick="openWallet()">
				 	<div class="menu-item-title">我的钱包</div>
				 	<div class="menu-item-tip">余额 资金明细</div>
				 </div>
				 	
				 <div class="menu-list-item menu-list-item-border">
				 	<div class="menu-item-title">联系客服</div>
				 	<div class="menu-item-tip"></div>
				 </div>	
				 
				<div class="menu-list-item menu-list-item-bottom">
				 	<div class="menu-item-title">关于我们</div>
					<div class="menu-item-tip"></div>	 			
				 </div>
				 
				 <div class="menu-list-item" onclick="logout()">
				 	<div class="menu-item-title">退出登陆</div>
				 </div>
			 </div>
        </div>
        
        <div style="background-color: #eeeeee;height: 50px;"></div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/user.js"></script>
</html>